@()

@head("发运系统 - 登录"){

   	<link rel="stylesheet" href='@routes.Assets.at("business/login/login.css")'/>

	<div class="login-head">
		<div class="pt-4 pb-4">
			 <h1 class="fs-32 fw-300 mb-0"><img class="mb-1" src="assets/business/login/img/logo.jpg"></img>发运系统 </h1>
		</div>
	</div>
 	<div id="loginContainer" class="container-fluid login-container">
		<div class="row">
			<div class="col-lg-4 mt-3">
				<div class="login-panel">
 					<div class="needs-validation" novalidate>
						<div class="form-row mb-4">
		   					<div class="col-lg-12">
	     						<label for="userName">用户名</label>
	    					 	<input type="text" class="form-control" id="userName" placeholder="请输入用户名" required>
	     						<div class="invalid-feedback">
	       						用户名不能为空
	     						</div>
		   					</div>
						 </div>
						 <div class="form-row mb-5">
	   						<div class="col-lg-12">
	     						<label for="password">密码</label>
	    					 	<input type="password" class="form-control" id="password" placeholder="请输入密码" required>
	     						<div class="invalid-feedback"">
	       						密码不能为空
	     						</div>
	   						</div>
						 </div>
						 <div class="form-row">
						 	<button class="btn btn-primary submit-btn">登录</button>
						 </div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	
    <div class="login-public fs-14 fw-300 mt-4">
    	<span>系统公告： </span>
    	<span> 2018年6月1日系统正式上线 <span class="badge badge-danger">New</span></span>
    	<span class="fr clear-float">查看更多 <i class="icon-angle-right icon-lg"></i></span>
    </div>
    
	<footer class="login-footer pt-2 fw-200">
   		<span>Copyright © 2018 上海宝钢新型建材科技有限公司</span>
   		<span class="ml-2">上海才通自动化控制工程有限公司</span>
   	</footer>

    <script src='@routes.Assets.at("business/login/login.js")' type="text/javascript"></script>
}
